<template>
  <div class="hello">
    <p>{{ info }}</p>
    <p v-for="(item, index) in items" :key="index">
      {{ item }}
    </p>
  </div>
</template>

<script lang="ts" setup>
import { defineProps, toRefs, PropType } from 'vue'
import { useLocalStorage } from '@vueuse/core'

const info = useLocalStorage('info', {})

const props = defineProps({
  items: {
    type: Array as PropType<Array<string>>,
    default: () => []
  }
})
const { items } = toRefs(props)
</script>

<style lang="scss" scoped>
.hello {
  font-size: 24px;
}
</style>
